@import "_base.scss";

body{
    width: vw(750);
    height: vw(1366);
    // background-color: red;
   
}
.classification_top{
    width: vw(725);
    height: vw(80);
    // background-color: pink;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    
    .classification_column{
        width: vw(704);
        height: vw(60);
        margin:auto;
        // background-color: skyblue;
        display:flex;
        justify-content:space-between;
      .column_center{
          width: vw(159);
          height: vw(56);
        //   background-color: pink;
          display: flex;
          a{
              width: vw(123);
              height: vw(50);
              display:block;
              text-decoration: none;
              text-align:center;
              line-height: vw(50);
              border-color:#ff9344; 
              border: solid 2px #ff9344;
	       font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
    border-radius:vw(20);
    
          }
          span{
            font-family: MicrosoftYaHei;
            font-size: vw(26);
            color: #000000;
            line-height: vw(57);
            margin:auto;
          }
      }
    }
    
    .column_center_1{
        width: vw(159);
        height: vw(56);
        // background-color: pink;
        display: flex;
        
	    font-family: MicrosoftYaHei;
	    font-size: vw(26);
	    color: #000000;
        justify-content:space-around;
        align-items: center;
        img{
            width: vw(52);
            height: vw(50);
        }
    }
}
.head_portrait{
    width: vw(705);
    height: vw(250);
    margin:auto;
    // background-color: pink;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    
    .portrait_tu{
        width: vw(170);
        height: vw(170);
        background-image: url(../我的/图层1.png);
        background-size: cover;
        border-radius:50%;
        margin-left: vw(20);
       
    }
}
.portrait_text{
    
        width:vw(150); 
        height:vw(100);
    // background-color: green;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    margin-left: vw(25);
    .text_P{
        font-family: MicrosoftYaHei;
        font-size: vw(30);
        color: #000000;
        
    }
.text_p_1{
    font-family: MicrosoftYaHei;
	font-size: vw(20);
	color: #9d9d9d;
    
    
}
    
}
.portrait_logo{
    width: vw(40);
    height: vw(46);
    margin-left: vw(315);
}
.my_choice{
    display: flex;
    justify-content:space-around;
    
    flex-wrap: wrap;
    align-items:center;
}
.choice_logo{
    width: vw(195);
    height: vw(151);
    background-color: #b2e0a0;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items:center;
    img{
        width: vw(79);
    height: vw(82);
    }
    
}
.choice_logo_a{
    width: vw(195);
    height: vw(151);
    background-color: #a0dce0;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items:center;
    img{
        width: vw(84);
    height: vw(80);
    }

}
.choice_logo_b{
    width: vw(195);
    height: vw(151);
    background-color: #e0b7a0;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items:center;
    img{
        width: vw(124);
    height: vw(81);
    }
}
.discount_buying_2{
    width: vw(708);
    height: vw(60);
    // background-color:yellow;
    margin: auto;
    display: flex;
        justify-content:space-between;
        flex-direction:row;
        margin-top: vw(32);
    .dc_3{
        width: vw(220);
        height: vw(60);
        // background-color: #87ceeb;
        display: flex;
        
        justify-content:center;
        img{
        width: vw(57);
        height: vw(74);
        }
        span{
            line-height:vw(60);
            margin-left: vw(12);
	font-family: MicrosoftYaHei;
	font-size: vw(30);
    }
}
   .dc_4{
    width: vw(180);
    height: vw(60);
    // background-color: #87ceeb;
    display: flex;
    flex-direction:row;
    justify-content:flex-end;

    img{
    width: vw(25);
    height: vw(26);
    margin-top: vw(17);
    }
    span{
        line-height:vw(60);
font-family: MicrosoftYaHei;
font-size: vw(24);

color: #000000;
margin-right: vw(8);
    }
   }
}
.discount_buying_3{
    @extend .discount_buying_2;
    .dc_3{
        img{
            width: vw(71);
            height: vw(74);
            }
    }
}
.discount_buying_4{
    @extend .discount_buying_2;
    .dc_3{
        img{
            width: vw(94);
            height: vw(58);
            }
    }
}
.discount_buying_5{
    @extend .discount_buying_2;
    .dc_3{
        img{
            width: vw(59);
            height: vw(59);
            }
    }
}
.bottom_set{
    margin-top: vw(79);
}
.discount_buying_6{
    @extend .discount_buying_2;
    .dc_3{
        img{
            width: vw(78);
            height: vw(79);
            }
    }
}
.discount_buying_7{
    @extend .discount_buying_2;
    .dc_3{
        img{
            width: vw(84);
            height: vw(59);
            }
    }
}
.anniu{
    width: vw(538);
    height: vw(76);
    display:flex;
    margin:auto;
    margin-top: vw(36);
    justify-content:space-between;
    align-items:center;
    a{  
        width: vw(147);
	height: vw(76);
        display: block;
        line-height: vw(76);
    border-radius:vw(50);
    text-align: center;
    text-decoration: none;
	background-color: #ff9344;
    color: #fff;
    }
}
footer{
    width: vw(750);
    height: vw(150);
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    position:fixed;
        position:start;
        bottom:0;
        z-index:10;
    .bottom_classification{
         width: vw(652);
         height: vw(107);
        //  background-color: pink;
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         text-align: center;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
         img{
             width: 100%;
             height: 100%;
         }
        }
        .classification_center{
            width: vw(75);
            height: vw(100);
            // background-color: red;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
}
